

function init() {	
	$('#create-name').val("");
	$('#main').empty();
	$('#footer').empty();
	$('#header').empty();
	
	
	if(storageGet('elementList') != ""){
		$.each(
			storageGet('elementList').split('|').sort(),
			function(intIndex, element){
				$('#main').append(getSection(element));
			}
		)
	}
	insertCommonUI();
}


function getLabel(label){
	return $('<div></div>')
			.addClass('line')
			.text(label);
}

function getSection(element){
	return $('<div></div>')
		.addClass('section')
		.append($('<div></div>')
			.addClass("section-header first")
			.append($('<div></div>')
				.append($('<a></a>')
				.attr("href", storageGet(element + '-url'))
				.attr("target", "_blank")
				.addClass('nameBlock')
				.append(element)))
			.append($('<div></div>')
				.addClass('labelUrlBlock')
				.append("Check "))
			.append($('<div></div>')
				.addClass('fieldUrlBlock')
				.append(getOptionInputText(element + '-url', 'field')))
			.append($('<div></div>')
				.addClass('labelFrequencyBlock')
				.append("every "))
			.append($('<div></div>')
				.addClass('fieldFrequencyBlock')
				.append(getFrequency(element)))
			.append($('<div></div>')
				.addClass('labelPostitBlock')
				.append("Memo :"))
			.append($('<div></div>')
				.addClass('fieldPostitBlock')
				.append(getOptionTextArea(element + '-postit', 'textarea')))
			.append($('<span></span>')
				.click(function(){
					removeDynamicElement('elementList', element);
					init();
				})
				.append($('<img src="delete.gif" />')
					.addClass('delete'))));
		
}

function create() {
	var createName = $('#create-name').val();
	var result = createElement(createName);
	if(result){
		$('#main').append(getSection(createName));
		$('#create-name').val("");
	}
}
